<template>
 <div>
    <TypeNav />
    <List />
    <Recommend />
    <Rank />
    <Like />
    <Floor v-for="floor in floorList"  :key="floor.id" :floor="floor" />
  
    <Brand />
 </div>
</template>

<script>

import List from "./components/List";
import Recommend from "./components/Recommend";
import Rank from "./components/Rank";
import Like from "./components/Like";
import Floor from "./components/Floor";
import Brand from "./components/Brand";
import {reqFloorList} from '@/api'
export default {
name:'Home',
components:{
    List,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand,
},
data(){
    return{
        floorList:[]
    }
},
mounted(){
this.getFloorList()
},

methods:{
   async getFloorList(){
        try{
            const re=await reqFloorList()
            this.floorList=re
        }catch(e){console.log(e.message)}
    }
}

}
</script>

<style scoped lang='less'>

</style>